<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>11元素显示模式-块元素</title>
    <!-- 
        - 常见的块元素：h1-h6/p/div/ul/ol/li
        - 独占一行
        - 高度、宽度、外边距以及内边距都可以控制
        - 宽度默认是容器（父级宽度）的100%
        - 是一个容器及盒子，里面可以放行内或者块级元素
        - 文字类的元素内不能使用块级元素【p里面不能放div，h1-h6里面也不能放其他块级元素】
    -->
    <style>
        div {
            width: 200px;
            height: 200px;
            background: burlywood;
        }
    </style>
</head>

<body>
    <div>块元素</div>
    <p>
        <div>文字类的元素内（例如：p）不能使用块级元素，此处有问题</div>
    </p>
</body>

</html>